import { defineComponent } from 'vue'
import { CloseCircleOutlined } from '@ant-design/icons-vue'

export default defineComponent({
  setup() {
    const imgUlr = 'https://img0.baidu.com/it/u=1965246207,676046138&fm=253&fmt=auto&app=138&f=JPEG?w=720&h=500'
    return () => (
      <>
        <div class="w-full h-[211px] relative" style="background: rgba(0,0,0,0.40">
          <div class="w-[210px] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            <CloseCircleOutlined class="text-xl text-white float-right" />
            <img src={imgUlr} alt="" class="w-full h-[120px] object-cover rounded-lg" />
          </div>
        </div>
      </>
    )
  }
})
